<template>
  <i class="iconfont Icon-container" :class="newClass"></i>
</template>

<script>
export const classMap = {
  home: "iconzhuye",
  success: "iconzhengque",
  error: "iconcuowu",
  close: "iconguanbi",
  warn: "iconjinggao",
  info: "iconxinxi",
  blog: "iconblog",
  code: "iconcode",
  about: "iconset_about_hov",
  weixin: "iconweixin",
  mail: "iconemail",
  github: "icongithub",
  qq: "iconsign_qq",
  arrowUp: "iconiconfonticonfonti2copy",
  arrowDown: "iconiconfonticonfonti2",
  empty: "iconempty",
  chat: "iconliuyan",
};
export const types=Object.keys(classMap);
console.log(types);
export default {
props:{
    type:{
        type:String,
        required:true,
    }
},
computed:{
    newClass(){
        return classMap[this.type];
    }
}

}
</script>

<style scoped>
@import "//at.alicdn.com/t/font_2164449_nalfgtq7il.css";
.iconfont{
  color:inherit;
  font-size:inherit;
}

</style>